<template>
  <div class="List" :class="classStyle">
    <el-container>
      <el-header class="title">
        {{title}}
      </el-header>
    <el-main class="content">
      <slot name="content"></slot>
    </el-main>
    </el-container>
  </div>
</template>

<script>
export default {
  name: 'List',
  props: {
    title: {
      type: String,
      default: '标题'
    },
    classStyle: {
      typpe: String,
      default: ''
    }
  },
  data () {
    return {
    }
  },
  methods: {
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
@import "../assets/css/reset.scss";
.Footer{
  text-align: center;
  width: 1400px;
  margin: 0px auto;
}
.el-header {
  font-size: 15px;
  text-align: center;
}
</style>
